<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="__JS__jQuery v2.1.4.js"></script>
</head>
<body>
       <div id="hezi">
       </div>
       <section id="id">
             {$str}
       </section>

</body>
<script>
        $('#id').on('click','a',function () {
              var id = $(this).data('id');
              $.post('{:url("Second/ajax")}',{id:id},function (data) {
                  var str="";
//                  console.log(data.shuju.length);
                  for (var i=0;i<data.shuju.length;i++){
                      str+="<div>"+data.shuju[i]['title']+"</div>";
                  }
//                  each
                       $('#hezi').html(str);
                       $('#id').html(data.str);
              },'json')
        })
</script>
</html>